<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="referrer" content="no-referrer" /><!--页面头部添加-->

		<title>贴吧</title>
		<link rel="icon" href="favicon.ico" type="image/x-icon"/>
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
		<link type="text/css" rel="stylesheet" href="css/public.css" />
		<link type="text/css" rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="fonts/iconfont.css">
	</head>
	
	
	<body>

		<!-- 顶部导航栏 -->
		<div id="top_line">
			<ul id="top_ul" class="clearfix">
				
				<li id="login_icon">
				<svg class="CustomIcon">
				<use xlink:href="#icon-shengdanxuehua"></use>
				</svg>
				<a href="login.html">登入</a>
				</li>
				
				<li id="register_icon">
				<svg class="CustomIcon">
				  <use xlink:href="#icon-shengdanzhuangshi"></use>
				</svg>
				<a href="register.html">注册</a>
				</li>
				
				<li id="index_icon">
				<svg class="CustomIcon">
				  <use xlink:href="#icon-shengdanxiaoxiong"></use>
				</svg>
				<a href="index.html">首页</a>
				</li>
				
				<li id="quit_icon">
				<svg class="CustomIcon">
				  <use xlink:href="#icon-shengdanmilu"></use>
				</svg>
				<a id="quit_user" href="">退出</a>
				</li>

					<div id="ChangeTheme" style="background-color: black;border: 2.5px solid darkgray;">
						
					</div>
				
			</ul>
		</div>
		<!-- 搜索框 -->
		<div id="search_container">
			<img src="imgs/logo.png" alt=""/>
			<div id="search_container_input">
				<input type="text" placeholder="在此处搜索你所感兴趣的..."/>
				<div id="search_result_container">
					<ul id="search_result_container_navs">
						<!-- <li id="search_result_container_con">
							<svg class="CustomIcon">
							<use xlink:href="#icon-shengdanxuehua"></use>
							</svg>
							暂时没有查到结果...
						</li> -->
						
					</ul>
				</div>
			</div>
			
			<button id="search_button">搜索</button>
		</div>

		<!-- 主体容器 -->
		<div id="main_body">
	
			
			<!-- 轮播图 -->
			<div id="banner">
				<ul class="imgs">
				    <li class="cur" ></li>
				    <li></li>
				    <li></li>
				    <li></li>
				    <li></li>
				</ul>
				<ul class="dot">
				    <li class="cur"></li>
				    <li></li>
				    <li></li>
				    <li></li>
				    <li></li>
				</ul>
				<div class="bannertext"></div>
			</div>
	
			<!-- 主体框 -->
			<div id="main_inner_body">

				
				<div class="nav">
					<ul class="tabNavs">

						<div id="random_img_box">
							<img id="topper_img" src="imgs/slider.png" alt="topper_img" />
						</div>
						
						<li class="active fl">
							<strong><a href=""><svg class="CustomIcon">
									<use xlink:href="#icon-shengdanlaorenmao"></use>
									</svg>最新</a></strong>
						</li>
						<li class="gradient fr">
							<strong><a href=""><svg class="CustomIcon">
									<use xlink:href="#icon-shengdanmilu"></use>
									</svg>最热</a></strong>
						</li>
						<li class="gradient fr">
							<strong><a href=""><svg class="CustomIcon">
									<use xlink:href="#icon-shengdanwu"></use>
									</svg>推荐</a></strong>
						</li>
						
					</ul>
					<div class="tabCons">
						<div class="tabCon">
							<ul>
								
								
								
								
								
							</ul>
						</div>
						
						<div id="slide_body">
							
							<div id="info_container">
								<img id="info_container_img" src="imgs/head.png" alt="" />
								<div id="user_info">
									<h5><svg class="CustomIcon">
									<use xlink:href="#icon-shengdanmao"></use>
									</svg>用户名:<div class="userinfovalue username"></div></h5>
									<h5><svg class="CustomIcon">
									<use xlink:href="#icon-shengdanqiu"></use>
									</svg>日期:<div class="userinfovalue mydate"></div></h5>
									<h5><svg class="CustomIcon">
									<use xlink:href="#icon-shengdanmilu"></use>
									</svg>温度:<div class="userinfovalue temperature"></div></h5>
									<h5><svg class="CustomIcon">
									<use xlink:href="#icon-shengdanmei"></use>
									</svg>天气状况:<div class="userinfovalue air"></div></h5>
									<h5><svg class="CustomIcon">
									<use xlink:href="#icon-shengdanxuehua"></use>
									</svg>建议:<div class="userinfovalue air_tip"></div></h5>
									<h5><svg class="CustomIcon">
									<use xlink:href="#icon-shengdanwu"></use>
									</svg>城市:<div class="userinfovalue city"></div></h5>
								</div>
							</div>
							
							
								<!-- 热门话题 -->
								<div class="slideTopic" id="hot_topic">
									
									<h4><svg class="CustomIcon">
									<use xlink:href="#icon-shengdanliwu"></use>
									</svg>大家都在聊</h4>
									<ul id="talks_box">
										<li class="talks_box_con"><a href="">A1</a></li>
									</ul>
								</div>
								
								<!-- 最新话题 -->
								<div class="slideTopic" id="new_topic">
									<h4><svg class="CustomIcon">
									<use xlink:href="#icon-shengdanlihe"></use>
									</svg>最新的发布</h4>
									<ul id="public_box">
										<li class="talks_box_con"><a href="">A2</a></li>
									</ul>
								</div>
								
								
								
						</div>
						
						
					</div>
					
					
					
					
				</div>
			</div>
			
			<!-- 多页 -->
			<div id="page_change">
				<ul>
					<button id="page_first">首页</button>
					<button id="page_prev">上一页</button>
					<li>1</li>
					<li>2</li>
					<li>3</li>
					<li>4</li>
					<li>5</li>
					<button id="page_next">下一页</button>
					<button id="page_end">尾页</button>
				</ul>
			</div>
			
				<!-- 评论框 -->
				<div id="comment_body_inner">
					<input type="text" name="" id="comment_input" placeholder="标题">
					<div id="comment_placeholder"><strong></strong></div>
					<textarea name="" id="comment_text" cols="30" rows="10" placeholder="发表的正文内容"></textarea>
					<div id="comment_radio">
						<input name="radio" type="radio" checked><label>发表后立即分享本贴</label>
					</div>
					
					<button id="comment_button">发表</button>
				</div>


			
			<!-- 版权框 -->
					
					
			<footer>
			   <strong><p>版权所有 © 2023 贴吧小组 保留所有权利</p></strong>
			</footer>
			
			
		</div>

		<!-- 侧边按钮 -->
		<div id="slide_buttons">
			<a href="" id="share"> </a>
			<a href="index.html" id="refresh"> </a>
			<a href="#" id="top"> </a>
		</div>
		
		
		
		<script src="scripts/axios.min.js"></script>
		<script src="scripts/jquery.js"></script>
		<script src="scripts/jquery_cookie.js"></script>
		
		<script src="scripts/public.js"></script>
		<script src="scripts/index.js"></script>
		
		<script src="scripts/iconfont.js"></script>
		
		
	</body>
	
</html>